@media screen and (min-width: 750px) {
  html {
    font-size: 75px!important;
  }
}
@media screen and (max-width: 319px) {
  html {
    font-size: 32px!important;
  }
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
body {
  font-size: 1rem !important;
  width: 10rem;
  margin: 0 auto;
  background-size: 100%;
}
.blank_1 {
  width: 10rem;
  height: 0.26666667rem;
  position: fixed;
  top: 0;
}
header {
  width: 10rem;
  height: 0.66666667rem;
  display: flex;
  background: #fff;
  position: fixed;
  top: 0.26666667rem;
  margin: 0 auto;
  box-shadow: 0 0 0.06666667rem 0 #f0f0f0;
  border-radius: 0.33333333rem;
}
header .left {
  flex: 1;
  position: relative;
}
header .left div {
  width: 0.53333333rem;
  height: 0.53333333rem;
  background: url(../imgs/icon_jl.png) no-repeat 0rem -2rem;
  background-size: 6.66666667rem 6.66666667rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
header h4 {
  width: 7.73333333rem;
  height: 0.66666667rem;
  line-height: 0.66666667rem;
  font-size: 0.4rem;
  font-weight: normal;
  color: #7eaecc;
  text-align: center;
}
header .right {
  flex: 1;
  position: relative;
}
header .right div {
  width: 0.53333333rem;
  height: 0.53333333rem;
  background: url(../imgs/icon_jl.png) no-repeat 0rem -2.8rem;
  background-size: 6.66666667rem 6.66666667rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.blank_3 {
  height: 0.93333333rem;
}
.banner {
  margin: 0 auto;
  text-align: center;
}
.banner img {
  width: 9.34666667rem;
  height: 6.62666667rem;
}
nav {
  width: 8.93333333rem;
  height: 4.69333333rem;
  font-size: 0.34666667rem;
  border-radius: 0.06666667rem;
  box-shadow: 0 0rem 0.26666667rem 0 #e6e6e6;
  margin: 0 auto;
  margin-top: 0.26666667rem;
  margin-bottom: 0.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.46666667rem;
  box-sizing: border-box;
}
nav .top {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
}
nav .top li {
  display: block;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.26666667rem;
  cursor: pointer;
}
nav .top li:nth-child(1) > div {
  background: url(../imgs/icon_jl.png) no-repeat 0.13333333rem 0rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .top li:nth-child(2) > div {
  background: url(../imgs/icon_jl.png) no-repeat -1.53333333rem 0rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .top li:nth-child(3) > div {
  background: url(../imgs/icon_jl.png) no-repeat -3.2rem 0rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .top li:nth-child(4) > div {
  background: url(../imgs/icon_jl.png) no-repeat -4.8rem 0rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .top li div {
  width: 0.93333333rem;
  height: 0.93333333rem;
  margin-bottom: 0.4rem;
}
nav .top li span {
  flex: 1;
  text-align: center;
}
nav .bottom {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
}
nav .bottom li {
  display: block;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.26666667rem;
  cursor: pointer;
}
nav .bottom li:nth-child(1) > div {
  background: url(../imgs/icon_jl.png) no-repeat 0.02666667rem -0.96rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .bottom li:nth-child(2) > div {
  background: url(../imgs/icon_jl.png) no-repeat -1.56rem -0.96rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .bottom li:nth-child(3) > div {
  background: url(../imgs/icon_jl.png) no-repeat -3.22666667rem -0.96rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .bottom li:nth-child(4) > div {
  background: url(../imgs/icon_jl.png) no-repeat -4.84rem -0.96rem;
  background-size: 6.66666667rem 6.66666667rem;
}
nav .bottom li div {
  width: 0.93333333rem;
  height: 0.93333333rem;
  margin-bottom: 0.4rem;
}
nav .bottom li span {
  flex: 1;
  text-align: center;
}
section {
  width: 8.93333333rem;
  height: 4.4rem;
  margin: 0 auto;
  position: relative;
  font-size: 0.34666667rem;
  cursor: pointer;
}
section img {
  width: 100%;
  height: 100%;
}
section span {
  color: #fff;
  position: absolute;
  left: 0.73333333rem;
  top: 0.16rem;
}
.blank_2 {
  width: 10rem;
  height: 1.30666667rem;
}
.bottom-meau {
  width: 10rem;
  height: 1.30666667rem;
  background-color: #fff;
  border-top: 0.01333333rem solid #dcdcdc;
  font-size: 0.29333333rem;
  font-weight: 700;
  color: #7eaecc;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0.13333333rem;
  box-sizing: border-box;
}
.bottom-meau ul {
  display: flex;
  align-items: center;
  height: 1.06666667rem;
  justify-content: space-around;
}
.bottom-meau ul li {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0.53333333rem;
  cursor: pointer;
}
.bottom-meau ul li:nth-child(1) > div {
  background: url(../imgs/icon_r22_c5.jpg) no-repeat center center;
  background-size: 80%;
}
.bottom-meau ul li:nth-child(2) > div {
  background: url(../imgs/icon_02.png) no-repeat center center;
  background-size: 80%;
}
.bottom-meau ul li:nth-child(3) > div {
  background: url(../imgs/icon_r21_c18.jpg) no-repeat center center;
  background-size: 80%;
}
.bottom-meau ul li:nth-child(4) > div {
  background: url(../imgs/i_04con.png) no-repeat center center;
  background-size: 80%;
}
.bottom-meau ul li:nth-child(4) {
  color: #ea746c;
}
.bottom-meau ul li div {
  width: 0.66666667rem;
  height: 0.53333333rem;
}
.bottom-meau ul li span {
  flex: 1;
  margin-top: 0.06666667rem;
}
